<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<title>内容发布</title>
		<link rel="stylesheet" type="text/css" href="../css/mycss/common.css" />
		<script src="../js/jquery.1.11.1.min.js"></script>
		<script src="../js/myJq.js"></script>
		<script type="text/javascript" charset="utf-8" src="../ueditor1_4_3-utf8-jsp/ueditor.config.js"></script>
		<script type="text/javascript" charset="utf-8" src="../ueditor1_4_3-utf8-jsp/ueditor.all.min.js"></script>
		<script type="text/javascript" charset="utf-8" src="../ueditor1_4_3-utf8-jsp/lang/zh-cn/zh-cn.js"></script>

	</head>

	<body>
		<div class="container">
			<div class="left">
				<div class="panel">
					<div class="panel-title">
						基本信息
						<img src="../img/zhedie.png" style="float: right;margin-right: 5px;" />
					</div>
					<div class="panel-body">
						栏目：
						<select>
							<option>选择栏目分类</option>
							<option>栏目1</option>
							<option>栏目2</option>
						</select>
						&nbsp;
						<select>
							<option>选择栏目分类</option>
						</select>
						<a href="#">管理栏目</a>
						<br>
						<br>标题：
						<input type="text" class="txt" />
						<br>
						<br>摘要：
						<input type="text" class="txt" />
						<br />
						<div class="num">
							还可输入30个字
						</div>
					</div>
				</div>
				<br />
				<div class="panel">
					<div class="panel-title">
						正文内容
						<img src="../img/zhedie.png" style="float: right;margin-right: 5px;" />
					</div>
					<div class="panel-body">
						<script id="editor" type="text/plain" style="width:100%;height:300px;"></script>
					</div>
				</div>
				<br />
				<div class="panel">
					<div class="panel-title">
						高级功能
						<img src="../img/zhedie.png" style="float: right;margin-right: 5px;" />
					</div>
					<div class="panel-body">
						插入音频：
						<button class="btn btn-danger">上传</button>
						<br />
						<br />插入视频：
						<input type="text" class="txt" />
						<br />
						<br />视频名称：
						<input type="text" class="txt" />
						<br />
						<br />置顶时间：
						<input type="text" class="txt" style="width:100px;" />&nbsp;&nbsp;&nbsp;
						<input type="text" class="txt" style="width:100px;" />
					</div>
				</div>
				<br />
				<div style="text-align: center">
					<button class="btn btn-info">发布</button>
					<button class="btn btn-default">保存到草稿箱</button>
				</div>
			</div>
			<div class="right">
				<div class="panel">
					<div class="panel-title">
						快速发布
						<img src="../img/zhedie.png" style="float: right;margin-right: 5px;" />
					</div>
					<div class="panel-body">
						可见范围：<a href="#">设置</a>
						<br />
						<br />收费阅读：
						<a href="#">设置</a>
						<br />
						<br />
						<button class="btn btn-info">发布</button>
						<button class="btn btn-default">保存到草稿箱</button>
					</div>
				</div>
				<br />
				<div class="panel">
					<div class="panel-title">
						标签
						<img src="../img/zhedie.png" style="float: right;margin-right: 5px;" />
					</div>
					<div class="panel-body">
						<input class="label" autocomplete="off" />
					</div>
				</div>
				<br />
				<div class="panel">
					<div class="panel-title">
						推荐阅读
						<img src="../img/zhedie.png" style="float: right;margin-right: 5px;" />
					</div>
					<div class="panel-body">
						<button class="btn btn-primary">插入</button><a href="#" style="float: right">取消推荐</a>
					</div>
				</div>
			</div>
		</div>
		<script>
			var ue = UE.getEditor('editor');
		</script>
	</body>

</html>
